<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>今年你要的五福都在这里了</title>
    <link rel="stylesheet" href="./css/flexible.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/alert.css">
    <link rel="stylesheet" href="../node_modules/spin.js/spin.css">
    <script src="./js/flexible.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?7aeed2b837a2a04b9df66968bc3e2b44";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
    <div id="domloading" class="domloading">
        <img src="http://cdn.fedau.com/project/weida/page_loading.gif">
    </div>
    <div id="root">
        <div class="welcome" id="welcome">
            <img class="zhi zhi_1 l_r_swipe" src="http://cdn.fedau.com/project/weida/zhi_1.png" alt="">
            <img class="zhi zhi_2 r_l_swipe" src="http://cdn.fedau.com/project/weida/zhi_2.png" alt="">
            <img class="hua hua_1 rotate" src="http://cdn.fedau.com/project/weida/hua_1.png" alt="">
            <img class="hua hua_2 rotate" src="http://cdn.fedau.com/project/weida/hua_2.png" alt="">
            <!-- <img class="hua hua_3 rotate" src="http://cdn.fedau.com/project/weida/hua_3.png" alt=""> -->
            <div class="tip">进入维达韧性庙会</div>
            <img class="up up_dowm" src="http://cdn.fedau.com/project/weida/up.png" alt="">
        </div>
        <div class="entry">
            <img src="http://cdn.fedau.com/project/weida/home.jpg" id="bg" class="bg">
            <!-- <img class="guideImg" id="guideImg" src="http://cdn.fedau.com/project/weida/qipao_bg.png" alt=""> -->
            <div class="clock" id="clock">30s</div>
            <div class="point point_0"></div>
            <div class="point point_1"></div>
            <div class="point point_2"></div>
            <div class="point point_3"></div>
            <div class="point point_4"></div>
            <div class="point point_5"></div>
            <div class="point point_6"></div>
            <div class="point point_7"></div>
            <div class="point point_8"></div>
            <div class="point point_9"></div>
            <div class="point point_10"></div>
            <div class="point point_11"></div>
            <div class="point point_12"></div>
            <div class="point point_13"></div>
            <div class="point point_14"></div>
            <div class="point point_15"></div>
            <div class="point point_16"></div>
            <div class="point point_17"></div>
            <div class="point point_18"></div>
            <!-- <div class="point point_19"></div> -->
            <div class="point point_20"></div>
            <div class="point point_21"></div>
            <!-- <div class="point point_22"></div> -->
            <img class="topGif" src="http://cdn.fedau.com/project/weida/top.gif" alt="">
            <img class="bottomGif" src="http://cdn.fedau.com/project/weida/bottom.gif" alt="">
        </div>
    </div>
    <div id="loadingSpin" class="loadingSpin"></div>
    <audio autoplay="autoplay" loop="loop" id="myaudio">
        <source src="http://cdn.fedau.com/project/weida/weida_bg_music.mp3" type="audio/mpeg">
    </audio>
</body>

</html>

<!-- 弹窗容器 -->
<div class="alertWraper" id="alertWraper">
    <div class="close alertclose"><img class="alertclose" src="http://cdn.fedau.com/project/weida/tk_icon_close.png"
            alt=""></div>
    <div class="content" id="alertContent"></div>
</div>

<!-- alert弹窗模板 -->
<!-- {{@}} 可以渲染节点 -->
<script id="welcomeAlertTmpl" type="text/html">
    <div class="alertGame {{className}}" >
        <img class="alertBanner {{type}}" src="{{imgsrc}}" alt="">
        <div class="alertWord">{{@alertWord}}</div>
        {{if !!btnword}}
            <div class="alertBtn" onclick="indexview.handleAlertClick('{{type}}')">{{btnword}}</div>
        {{/if}}
        {{if !!imgsrc2}}
            <img class="tk_pic_bottom" src="{{imgsrc2}}" alt="">
        {{/if}}
    </div>
</script>

<!-- 提示弹窗内容 -->
<script id="tipTmpl" type="text/html">
    <div class="alertGame alertGameMini playAgain" >
        <h3 class="bordertitle">提&nbsp;&nbsp;&nbsp;&nbsp;示</h3>
        <p class="border"></p>
        <div class="tip">{{word}}</div>
    </div>
</script>

<!-- 监听页面loading -->
<script src="./js/redirect.js"></script>
<script src="./js/index.js"></script>
<script src="./js/domLoad.js"></script>